﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>公务来访预约</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">
		<link rel="stylesheet" href="../css/bootstrap-3.3.7-dist/css/bootstrap.css">
		<link rel="stylesheet" href="../css/body.css"/>
		<!-- <link rel="stylesheet" href="../css/bootstrap-3.3.7-dist/css/bootstrap.min.css"> -->
		<link rel="stylesheet" type="te1xt/css" href="../css/My97DatePicker/WdatePicker.css">
		<script type="text/javascript" src="../css/My97DatePicker/WdatePicker.js"></script>
		
		<script src="../js/jQuery.js"></script>
		<script src="../css/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<script src="../js/index.js"></script>
		<script src="../js/onloadex.js"></script>
		<script>
			function rt(){
				location.href = "../index/index.html";
			}
		</script>
		<style>
		</style>
	</head>
	<body>
		<!--首页初始导航条-->
		
		<div class="modal fade" id="myModal" data-backdrop="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" onclick="rt()" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title" id="myModalLabel">
							请阅读以下协议
						</h4>
					</div>
					<div class="modal-body">
						本人已在四川农业大学保卫处官网（https://bwc.sicau.edu.cn/index.htm）“制度文件”一栏，认真阅读了《四川农业大学校园安全管理制度汇编》（2020年5月）中，有关机动车管理和疫情防控期间校园管控等制度，遵守和执行学校疫情防控规定。

					</div>
					<div class="modal-footer">
						
						<div id="thediv" align="left"><input onclick="ag()" type="checkbox" id="vehicle" autocomplete="off" />本人承诺严格遵守相关制度，依规使用车辆预约系统</div>
						<div id="choose"></div>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>


		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<span class="navbar-brand logo1">川农车辆预约系统</span>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#m1">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="navbar-collapse collapse" id="m1">
					<ul class="nav navbar-nav navbar-left">
						<li class="active">
							<a href="../index/index.html"><span class="glyphicon glyphicon-home"></span>&nbsp;首页</a><!--这里的span是设置bootstrap字体图标类-->
						</li>
						
						<!--一个下拉菜单-->
						<!--<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								长期车辆申请
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="../index/fileDownload.html">表单下载</a>
								</li>
								<li>
									<a href="../index/longResults.html">结果公示</a>
								</li>
							</ul>
						</li>-->
					</ul>
					
					<ul class="nav navbar-nav navbar-right" id="loginWho">
						<li><a href="../index/login.html">登陆</a></li>
					</ul>
				</div>
			</div>
		</nav>
		
		<div class="container allStyle">
			<form class="" id="applicationForm" enctype="text/plain">
				<!--<div class="form-group">
					<label>
						申请人单位名称
					</label>
					<input type="text" name="companyName" value="" class="form-control" placeholder="请输入您的单位名称" id="companyName" />
				</div>-->
				
				<div class="form-group">
					<label>
						申请人姓名
					</label>
					<input type="text" name="userName" value="" class="form-control" placeholder="请输入您的姓名" id="userName" />
				</div>

				<div class="form-group">
					<label>申请人电话号码</label>
					<input type="text" name="comeTelephone" value="" class="form-control" maxlength="11" placeholder="请输入您的联系电话" id="comTelephone" />
				</div>
				
				<div class="form-group">
					<div id="" class="form-inline" style="display:inline-block">
						<label>预约校区：</label>
						<select class="form-control" id="campus" name="campus" style="width: 200px;">
							<option id="0">成都校区</option>
							<option id="1">雅安校区</option>
							<!-- <option id="2">都江堰校区</option> -->
						</select>
					</div>
				</div>
				
				<div class="form-group">
					<label>申请理由</label>
					<textarea name="reason" class="form-control" rows="3"  style="min-width: 90%" placeholder="请输入来访车辆申请理由"></textarea>
				</div>
				
				<!--<div class="form-group">
					<label>来访人单位/姓名</label>
					<input type="text" name="comerName" value="" class="form-control" placeholder="请输入来访人单位/姓名" id="comerName" />
				</div>
							
				<div class="form-group">	
					<label>来访人手机号</label>
					<input type="number" name="comerTelephone" value="" class="form-control" placeholder="请输入来访人手机号" id="comerTelephone" />
				</div>-->
				
				<div class="form-group">
					<label>申请人车牌号</label>
					<select class="form-control" style="width: 70px;" name="province" id="province">
						<option value="京">京</option>
						<option value="津">津</option>
						<option value="沪">沪</option>
						<option value="渝">渝</option>
						<option value="冀">冀</option>
						<option value="豫">豫</option>
						<option value="云">云</option>
						<option value="辽">辽</option>
						<option value="黑">黑</option>
						<option value="湘">湘</option>
						<option value="皖">皖</option>
						<option value="鲁">鲁</option>
						<option value="新">新</option>
						<option value="苏">苏</option>
						<option value="浙">浙</option>
						<option value="赣">赣</option>
						<option value="鄂">鄂</option>
						<option value="桂">桂</option>
						<option value="甘">甘</option>
						<option value="晋">晋</option>
						<option value="蒙">蒙</option>
						<option value="陕">陕</option>
						<option value="吉">吉</option>
						<option value="闽">闽</option>
						<option value="贵">贵</option>
						<option value="粤">粤</option>
						<option value="青">青</option>
						<option value="藏">藏</option>
						<option value="川">川</option>
						<option value="宁">宁</option>
						<option value="琼">琼</option>
					</select>
					<select class="form-control" style="width: 70px;" name="city" id="city">
						<option value="A">A</option>
						<option value="B">B</option>
						<option value="C">C</option>
						<option value="D">D</option>
						<option value="E">E</option>
						<option value="F">F</option>
						<option value="G">G</option>
						<option value="H">H</option>
						<option value="I">I</option>
						<option value="J">J</option>
						<option value="K">K</option>
						<option value="L">L</option>
						<option value="M">M</option>
						<option value="N">N</option>
						<option value="O">O</option>
						<option value="P">P</option>
						<option value="Q">Q</option>
						<option value="R">R</option>
						<option value="S">S</option>
						<option value="T">T</option>
						<option value="U">U</option>
						<option value="V">V</option>
						<option value="W">W</option>
						<option value="X">X</option>
						<option value="Y">Y</option>
						<option value="Z">Z</option>
					</select>
					<input type="text" name="carNumber" value="" class="form-control" style="text-transform:uppercase;" maxlength="6" placeholder="请输入来访人车牌号" id="carNumber" />
				</div>
				
				
				<!--<div class="form-group">
					<div id="" class="form-inline" style="display:inline-block">
						<label>来访车辆类型选择：</label>
						<select class="form-control" id="campus" name="campus" style="width: 200px;">
							<option id="1">7座以下（含）的小车</option>
							<option id="2">7座以上的大车</option>
						</select>
					</div>
				</div>-->
				
				<div class="form-group">
					<label>车辆停放起始时间：</label>
					<div id="" class="form-inline" style="display:inline-block">
						<input id="yMd" name="beginTime" class="form-control" type="text" placeholder="请选择起始时间" onClick="WdatePicker()" autocomplete="off"/>
					</div>

					<label>车辆停放结束时间：</label>
					<div id="" class="form-inline" style="display:inline-block">
						<input id="yMd" name="endTime" class="form-control" type="text" placeholder="请选择起始时间" onClick="WdatePicker()" autocomplete="off"/>
					</div>
					
				</div>
				
				<div class="form-group">
					<label style="color: gray;">
						注意事项：每个帐户每月限预约3次，每次限预约1辆车，单次预约时长不得超过48小时。
					</label>
				</div>
				<input type="button" class="btn btn-primary"  value="提交" onclick="chuan_application()" />
			</form>
		</div>
		
	</body>
	<script type="text/javascript" src="../js/judge.js"></script>
	<script src="../js/jQuery.js"></script>
	<script src="../css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<script src="../css/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
	<script src="../js/index.js"></script>
    <script>
         //加载模态框
		 var modal = $('#myModal').modal();
		 function ag(){
			 if($('#choose').html() == ""){
				$('#choose').html("<button type='button' class='btn btn-primary' data-dismiss='modal'>确定</button>");
			 }else{
				$('#choose').empty();
			 }
		 }
        //  $(document).ready(function () {
        //      $("#select").bind("change",function(){
        //          if($(this).val()==0){
        //              return;
        //          }
        //          else{
        //              $("p").text($(this).val());
        //          }
        //      });
        //  });
        //  //选择触发事件
        // function goUrl(obj){
        //     location.href=obj.value;
        // }
    </script>
</html>